import React from "react";
import { AndroidOutlined } from "@ant-design/icons";
import { Space } from "antd";

import styles from "./index.module.less";

const MessageForm: React.FC = () => {
	return (
		<div className={styles.wrapper}>
			<div className={styles.content}>
				<div className={styles.banner}>
					<div className={styles.title}>
						<Space>
							北京大学第三医院
							<span className={styles.version}>药学GPT 1.0</span>
						</Space>
					</div>
				</div>
				<div className={styles.tip}>
					<Space direction="vertical">
						<div className={styles.icon}>
							<AndroidOutlined style={{ fontSize: "60px" }} />
						</div>
						<div className={styles.hello}>请问有什么可以帮您？</div>
					</Space>
				</div>
			</div>
		</div>
	);
};

export default MessageForm;
